/*
	[DESTOON] Copyright (c) 2008-2016 Destoon.COM
	This is NOT a freeware, use is subject to license.txt
*/
* {word-break:break-all;word-wrap:break-word;font-family:'Segoe UI',SegoeUI,'Microsoft Yahei',Verdana,Arial,Helvetica,sans-serif;}
body {margin:0;font-size:12px;color:#000000;background:#F6F6F6;}
input,select,textarea {font-size:12px;}
img {border:none;}
li {list-style-type:none;}
ul,form {margin:0px;padding:0px;}
a,button,input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}

a:link,a:visited,a:active {color:#000000;text-decoration:none;}
a:hover {color:#FF6600;}
a.b:link,a.b:visited,a.b:active {color:#0067B8;text-decoration:none;}
a.b:hover {color:#FF6600;text-decoration:none;}
a.g:link,a.g:visited,a.g:active {color:#000000;text-decoration:none;}
a.g:hover {color:#FF6600;}
a.w:link,a.w:visited,a.w:active,a.w:hover {color:#FFFFFF;text-decoration:none;}

.m {margin:auto;width:1400px;clear:both;background:#FFFFFF;}
.head-fix {height:136px;clear:both;}
.top {width:100%;background:#2F3438;color:#CDCBCD;height:40px;line-height:40px;position:fixed;z-index:10;left:0;top:0;}
.top .contact {float:left;margin-top:6px;}
.top .contact li {height:24px;padding:0 24px;float:left;line-height:24px;font-weight:bold;}
.top .contact .tel {background:url('image/contact-tel.png') no-repeat 0 center;}
.top .contact .qq {background:url('image/contact-qq.png') no-repeat 0 center;}
.top .contact .wx {background:url('image/contact-wx.png') no-repeat 0 center;}
.top .contact .ct {background:url('image/top-cart.png') no-repeat 0 center;}
.top .contact .ct b {font-weight:normal;background:#C81623;border-radius:10px 10px 10px 0;color:#FFFFFF;font-size:12px;z-index:3;position:absolute;display:block;margin:-22px 0 0 38px;line-height:16px;padding:0 4px;}
.top .quick {float:right;}
.top .quick i {display:inline-block;background:url('image/top-user.png') no-repeat 0 center;font-style:normal;padding:0 0 0 20px;}
.top .quick b {color:#FF6600;padding:0 2px;font-weight:normal;}
.top a:link,.top a:visited,.top a:active,.top a:hover {color:#CDCBCD;}

.head {width:100%;background:#FFFFFF;height:80px;position:fixed;z-index:9;left:0;top:40px;border-bottom:#EEEEEE 1px solid;box-shadow:0 0 10px #DDDDDD;}
.head .logo {width:315px;float:left;}
.head .logo h1 {margin:0;}
.head .logo a {width:200px;height:80px;background:url('image/logo.gif') no-repeat 0 center;text-indent:-9999px;display:block;}
.head .menu {width:925px;float:left;line-height:77px;font-size:18px;letter-spacing:2px;overflow:hidden;}
.head .menu a {padding:0 16px;}
.head .user {width:160px;float:left;font-size:14px;padding-top:24px;text-align:center;letter-spacing:1px;}
a.n:link,a.n:visited,a.n:active {color:#000000;text-decoration:none;display:inline-block;}
a.n:hover {color:#0067B8;}
a.s:link,a.s:visited,a.s:active,a.s:hover {color:#0067B8;text-decoration:none;display:inline-block;border-bottom:#0067B8 3px solid;}

a.u1:link,a.u1:visited,a.u1:active  {display:block;width:70px;height:30px;line-height:30px;float:left;border:#A7A7AA 1px solid;border-radius:6px;background:#FFFFFF;color:#000000;text-decoration:none;}
a.u1:hover  {border:#0067B8 1px solid;color:#0067B8;}
a.u2:link,a.u2:visited,a.u2:active  {display:block;width:70px;height:30px;line-height:30px;float:right;border:#0067B8 1px solid;border-radius:6px;background:#0067B8;color:#FFFFFF;text-decoration:none;}
a.u2:hover  {background:#017ADA;}

.pos {margin:auto;width:1400px;clear:both;margin-bottom:16px;font-size:14px;color:#000000;}
.pos div {height:24px;line-height:24px;padding-left:24px;background:url('image/icon-pos.png') no-repeat 0 4px;}
.pos i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.pos em {font-style:normal;font-size:18px;color:#444444;padding:0 6px;}
.pos a {color:#000000;}
.pos p {text-align:right;float:right;margin:0;font-size:12px;}
.pos input {width:220px;border:#E2E5E7 1px solid;padding:3px 0 3px 10px;font-size:14px;background:#FFFFFF url('image/icon-search16.png') no-repeat 206px center;outline:none;border-radius:16px;}
.pos input:hover {border:#0067B8 1px solid;}
.pos i {display:block;width:20px;height:20px;cursor:pointer;z-index:2;position:absolute;margin:-23px 0 0 199px;border-radius:16px;}
.pos i:hover {background:#FFFFFF url('image/icon-search16-on.png') no-repeat center center;}

.title {margin:0;padding:24px 0;font-size:22px;text-align:center;background:#FAFAFA;}
.info {padding:4px 10px 4px 10px;border-top:#D0D0D0 1px solid;border-bottom:#D0D0D0 1px solid;margin:0 0 10px 0;}
.content {font-size:16px;line-height:200%;width:1000px;margin:0 auto;padding:32px 0;word-break:break-all;}
.content a {color:#0067B8;}
.content p {text-indent:2em;}
.content hr {border:none;border-bottom:#DDDDDD 1px solid;}
.content img {max-width:100%;}
.content pre,.content blockquote {margin:32px;padding:0 16px;color:#999999;border-left:5px solid #EEEEEE;}
.content .code {margin:32px;padding:0 16px;color:#666666;border-left:5px solid #EEEEEE;font-size:14px;line-height:22px;}
.help {padding:32px;font-size:14px;text-align:center;color:#666666;}
.text {padding:24px 16px;font-size:14px;text-align:center;color:#999999;line-height:24px;}
.tags {width:836px;margin:0 auto;padding:0 32px;overflow:hidden;font-size:14px;}
.tags a {display:inline-block;padding:4px 12px;border:#EEEEEE 1px solid;border-radius:16px;margin:0 16px 24px 0;}
.tags a:hover {background:#F6F6F6;}

.navs {width:1400px;margin:0 auto;height:420px;overflow:hidden;background:#FFFFFF;border-radius:10px;}
.navs div {width:16%;float:left;}
.navs div:nth-child(1) {width:20%;}
.navs ul {margin:32px 32px 32px 72px;}
.navs li {line-height:40px;font-size:14px;}
.navs b {font-size:16px;letter-spacing:1px;}
.navs .tel {background:url('image/navs-tel.png') no-repeat 0 center;padding:0 0 0 24px;font-size:18px;font-weight:bold;}
.navs .qq {background:url('image/navs-qq.png') no-repeat 0 center;padding:0 0 0 24px;font-size:16px;}
.navs .wx {background:url('image/navs-wx.png') no-repeat 0 center;padding:0 0 0 24px;font-size:16px;}
.navs .qr {padding:10px 0 0 0;}

.foot {width:100%;height:22px;line-height:22px;}
.foot .m {padding:24px 0;background:#F6F6F6;overflow:hidden;}
.foot li {float:left;}
.foot .cp {padding:0 0 0 10px;}
.foot .gx {padding:0 16px;}
.foot .ga {background:url('image/beian.png') no-repeat 0 center;padding-left:24px;}

.pages {padding:24px 0;text-align:center;font-size:12px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:6px 8px;text-decoration:none;margin-right:6px;}
.pages a:hover {background:#0067B8;border:#0067B8 1px solid;color:#FFFFFF;padding:6px 8px;text-decoration:none;}
.pages strong {background:#0067B8;padding:6px 8px;border:#0067B8 1px solid;color:#FFFFFF;margin-right:6px;}
.pages_inp {width:32px;border:#DDDDDD 1px solid;color:#666666;padding:6px 4px;text-align:center;margin-right:6px;}
.pages_btn {width:32px;border:#FF6600 1px solid;color:#FFFFFF;padding:6px 4px;background:#FF6600;font-weight:bold;font-size:12px;}
.pages label {background:#FFFFFF;border:#DDDDDD 1px solid;color:#666666;padding:4px 6px;}
.pages label em {color:red;font-weight:bold;font-style:normal;}
.pages label span {font-weight:bold;}
.pages cite {font-style:normal;}

.f_l {float:left;}
.f_r {float:right;}
.t_r {text-align:right;}
.t_c {text-align:center;}
.f_b {font-weight:bold;}
.f_n {font-weight:normal;}
.f_white {color:white;}
.f_gray {color:#666666 !important;}
.f_grey {color:#999999 !important;}
.f_red {color:#FF0000 !important;}
.f_blue {color:#003EAA !important;}
.f_green {color:#2BA245 !important;}
.f_orange {color:#FF6600 !important;}
.f_db {color:#004B94;}
.f_p {color:#C40000;}
.px10 {font-size:10px;}
.px11 {font-size:11px;}
.px12 {font-size:12px;}
.px13 {font-size:13px;}
.px14 {font-size:14px;}
.px16 {font-size:16px;}
.px18 {font-size:18px;}
.px20 {font-size:20px;}
.b5 {height:5px;font-size:1px;}
.b6 {height:6px;font-size:1px;}
.b8 {height:8px;font-size:1px;}
.b10 {height:10px;line-height:10px;font-size:1px;}
.b15 {height:15px;font-size:1px;}
.b16 {height:16px;line-height:16px;font-size:1px;}
.b20 {height:20px;line-height:20px;font-size:1px;}
.pd8 {padding:8px;}
.ls1 {letter-spacing:1px;}
.c_b {clear:both;}
.c_p {cursor:pointer;}
.dsn {display:none;}
.absm {vertical-align:middle;}
.inp {border:#AACCEE 1px solid;height:14px;}
.btn{background:url('image/btn.gif') no-repeat;height:20px;line-height:20px;width:65px;border:none;cursor:pointer;}
.bd {border:#CAD9EA 1px solid;}
.highlight {color:red;}
.jt {color:#006699;cursor:pointer;}
.date{float:right;font-size:11px;color:#666666;}

.t1 {text-align:center;padding:32px 0;background:url('image/t1.png') repeat-x 0 center;}
.t1 strong {font-size:24px;padding:0 20px;color:#666666;letter-spacing:1px;background:#FFFFFF;}

a.b0:link,a.b0:visited,a.b0:active {display:block;width:200px;height:40px;line-height:40px;text-align:center;font-size:18px;letter-spacing:1px;border:#0067B8 1px solid;border-radius:8px;background:#0067B8;color:#FFFFFF;text-decoration:none;margin:32px auto;}
a.b0:hover {background:#017ADA;}

a.b1:link,a.b1:visited,a.b1:active {display:block;width:200px;height:40px;line-height:40px;text-align:center;font-size:18px;letter-spacing:1px;border:#0067B8 1px solid;border-radius:8px;background:#FFFFFF;color:#0067B8;text-decoration:none;margin:32px auto;}
a.b1:hover {background:#0067B8;color:#FFFFFF;}

a.b2:link,a.b2:visited,a.b2:active {display:block;width:120px;height:32px;line-height:32px;padding-left:24px;font-size:16px;letter-spacing:1px;background:#C40000 url('image/icon-qq.png') no-repeat 16px center;color:#FFFFFF;border-radius:6px;}
a.b2:hover {background:#DF3033 url('image/icon-qq.png') no-repeat 16px center;}

a.b3:link,a.b3:visited,a.b3:active {display:block;width:120px;height:32px;line-height:32px;padding-left:24px;font-size:16px;letter-spacing:1px;background:#C40000 url('image/icon-buy.png') no-repeat 16px center;color:#FFFFFF;border-radius:6px;}
a.b3:hover {background:#DF3033 url('image/icon-buy.png') no-repeat 16px center;}

.s1 {width:160px;height:48px;line-height:48px;margin:32px auto;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#0067B8 1px solid;background:#FFFFFF;color:#0067B8;border-radius:6px;-webkit-appearance:none;}
.s1:hover {border:#0090FF 1px solid;background:#0067B8;color:#FFFFFF;}

.s2 {width:280px;height:40px;line-height:40px;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#04B102 1px solid;background:#04BE02;color:#FFFFFF;border-radius:6px;-webkit-appearance:none;}
.s2:hover {background:#04B102;}

.s3 {width:280px;height:40px;line-height:40px;padding:0;font-size:16px;letter-spacing:1px;cursor:pointer;border:#D7D7D7 1px solid;background:#F7F7F7;border-radius:6px;-webkit-appearance:none;}
.s3:hover {background:#F0F0F0;}

/* home */
.sld {height:400px;background:#CCCCCC;overflow:hidden;}
.sld-0 {height:400px;background:url('image/sld-0.png') no-repeat center center;background-size:100% auto;}
.sld-0 h2 {font-size:36px;color:#FFFFFF;padding:100px 0 32px 350px;margin:0;display:none;}
.sld-0 p {font-size:18px;line-height:32px;text-align:center;color:#FFFFFF;margin:0;display:none;}
.sld-0 div {width:200px;height:48px;line-height:48px;margin:32px auto;background:#0067B8;font-size:24px;letter-spacing:2px;color:#FFFFFF;text-align:center;border-radius:8px;display:none;}
.sld-0 div:hover {background:#017ADA;}


.sld-1 {height:400px;background:url('image/sld-1.png?v=1') no-repeat center center;background-size:100% auto;display:none;}
.sld-1 h2 {font-size:36px;color:#FFFFFF;padding:100px 0 32px 140px;margin:0;display:none;}
.sld-1 p {font-size:18px;color:#FFFFFF;margin:0;padding:0 0 0 140px;display:none;}
.sld-1 div {width:160px;height:36px;line-height:36px;margin:48px 0 0 140px;font-size:18px;letter-spacing:2px;border:#FFFFFF 1px solid;color:#FFFFFF;text-align:center;border-radius:6px;display:none;}
.sld-1 div:hover {background:#FFFFFF;color:#000000;}

.sld-2 {height:400px;background:url('image/sld-2.png?v=1') no-repeat center center;background-size:100% auto;display:none;}
.sld-2 h2 {font-size:36px;color:#FFFFFF;padding:120px 0 32px 140px;margin:0;display:none;}
.sld-2 p {font-size:18px;color:#FFFFFF;margin:0;padding:0 0 0 140px;display:none;}
.sld-2 div {width:160px;height:36px;line-height:36px;margin:48px 0 0 140px;font-size:18px;letter-spacing:2px;border:#FFFFFF 1px solid;color:#FFFFFF;text-align:center;border-radius:6px;display:none;}
.sld-2 div:hover {background:#FFFFFF;color:#000000;}

.sld-3 {height:400px;background:url('image/sld-3.png?v=1') no-repeat center center;background-size:100% auto;display:none;}
.sld-3 h2 {font-size:36px;color:#FFFFFF;padding:80px 0 32px 80px;margin:0;display:none;}
.sld-3 p {font-size:18px;color:#FFFFFF;margin:0;padding:0 0 0 200px;}
.sld-3 div {width:160px;height:36px;line-height:36px;margin:48px 0 0 140px;font-size:18px;letter-spacing:2px;border:#FFFFFF 1px solid;color:#FFFFFF;text-align:center;border-radius:6px;display:none;}
.sld-3 div:hover {background:#FFFFFF;color:#000000;}

.sld-4 {height:400px;background:url('image/sld-4.png?v=1') no-repeat center center;background-size:100% auto;display:none;}
.sld-4 h2 {font-size:36px;color:#FFFFFF;padding:140px 0 32px 140px;margin:0;display:none;}
.sld-4 p {font-size:18px;color:#FFFFFF;margin:0;padding:0 0 0 140px;display:none;}
.sld-4 div {width:160px;height:36px;line-height:36px;margin:48px 0 0 140px;font-size:18px;letter-spacing:2px;border:#FFFFFF 1px solid;color:#FFFFFF;text-align:center;border-radius:6px;display:none;}
.sld-4 div:hover {background:#FFFFFF;color:#000000;}

.sld-dot {height:6px;line-height:6px;font-size:0;overflow:hidden;z-index:2;position:relative;left:50%;top:-24px;}
.sld-dot li {width:24px;height:6px;margin-right:8px;float:left;background:#EEEEEE;cursor:pointer;}

.home-intro {height:270px;}
.home-intro ul {width:980px;margin:0 auto;}
.home-intro li {width:50%;height:130px;float:left;}
.home-intro strong {display:block;padding-top:36px;font-size:20px;color:#666666;}
.home-intro p {margin:6px 0;font-size:16px;}
.home-intro div {width:330px;height:130px;transition:all .5s ease-in-out;}
.home-intro .intro0 {margin-right:40px;padding-right:120px;background:url('image/icon-intro0.png') no-repeat 358px center;text-align:right;}
.home-intro .intro2 {margin-right:40px;padding-right:120px;background:url('image/icon-intro2.png') no-repeat 358px center;text-align:right;}
.home-intro .intro0:hover,.home-intro .intro2:hover {width:300px;padding-right:150px;background-position:328px center;cursor:pointer;color:#000000;}
.home-intro .intro1 {margin-left:40px;padding-left:120px;background:url('image/icon-intro1.png') no-repeat 0 center;}
.home-intro .intro3 {margin-left:40px;padding-left:120px;background:url('image/icon-intro3.png') no-repeat 0 center;}
.home-intro .intro1:hover,.home-intro .intro3:hover {width:300px;padding-left:150px;background-position:30px center;cursor:pointer;color:#000000;}

.home-biz {width:800px;height:266px;margin:0 auto;}
.home-biz li {width:200px;text-align:center;float:left;font-size:14px;}
.home-biz img {margin:24px 0;width:48px;height:48px;transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;}
.home-biz li:hover {cursor:pointer;color:#000000;}
.home-biz li:hover img {transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.home-tpl {width:960px;height:320px;margin:0 auto;}
.home-tpl li {width:240px;text-align:center;float:left;}
.home-tpl img {cursor:pointer;background:#FFFFFF;border:#E2E5E7 1px solid;padding:6px;transition:all .3s ease-in-out;}
.home-tpl img:hover {width:210px;height:315px;}

.home-store {width:880px;margin:0 auto;overflow:hidden;}
.home-store li {width:176px;height:130px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.home-store img {border:#EEEEEE 1px solid;border-radius:16px;width:72px;height:72px;margin-bottom:10px;transition:all .3s ease-in-out;}
.home-store img:hover {width:80px;height:80px;margin-bottom:2px;}
.home-store p {margin:8px 0 0 0;font-size:12px;}

.home-news div {width:450px;float:left;border:#EEEEEE 1px solid;background:#FFFFFF;}
.home-news .news0 {margin:0 0 20px 0;}
.home-news .news1 {margin:0 20px 20px 20px;}
.home-news .news2 {margin:0 0 20px 0;}
.home-news .news3 {margin:0 120px 0 20px;}
.home-news .news4 {width:568px;margin:0 0 0 20px;}
.home-news .news5 {width:568px;margin:0 0 0 20px;}
.home-news strong {color:#666666;}
.home-news b {display:block;width:220px;height:419px;overflow:hidden;float:left;padding:0;}
.home-news b img {margin-bottom:16px;border-radius:10px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.home-news b img:hover {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.home-news p {margin:0 24px;border-bottom:#EEEEEE 1px solid;text-align:center;font-size:20px;line-height:64px;}
.home-news li {height:32px;line-height:32px;overflow:hidden;padding:0 36px 0 44px;font-size:14px;background:url('image/icon-dot.png') no-repeat 32px center;}
.home-news ul {margin:16px 0;}
.home-news em {float:right;font-style:normal;font-size:12px;color:#999999;padding-left:10px;}
.home-link {text-align:center;line-height:32px;}

.info-list {width:600px;margin:0 auto;padding-bottom:32px;}
.info-list a {font-size:16px;}
.info-list li {line-height:42px;height:42px;overflow:hidden;}
.info-list em {float:right;font-style:normal;font-size:12px;color:#999999;}

.sup1,.sup2,.sup3 {z-index:3;position:absolute;width:40px;height:20px;line-height:20px;text-align:center;background:#1AAD19;color:#FFFFFF;border-radius:0 0 0 6px;font-size:12px;font-weight:normal;}
.sup1 {margin:-15px 0 0 230px;}
.sup2 {margin:-15px 0 0 300px;}
.sup3 {margin:-15px 0 0 182px;}

.buy-tb-top {width:100%;position:fixed;z-index:9;top:121px;left:0;border-top:#F6F6F6 16px solid;}
.buy-tb-fix {height:184px;clear:both;}
.buy-ev {padding:16px;font-size:14px;border-left:#C40000 3px solid;color:#C40000;}
.buy-ev:hover {background:#FAFAFA;}

.buy-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;}
.buy-tb tr:hover {background:#F1F1F1;}
.buy-tb tr:hover .tips {display:block;}
.buy-tb td {padding:0 10px;width:20%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.buy-tb em {padding-left:16px;}
.buy-tb select {padding:2px;font-size:16px;}
.buy-tb .f_b {font-size:18px;font-weight:bold;}
.buy-tb .yes {background:url('image/icon-yes.gif') no-repeat center center;}
.buy-tb .notice {line-height:180%;padding:0 0 0 10px;}
.buy-tb .tips {position:absolute;z-index:8;width:300px;background:url('image/tips-bg.gif') no-repeat 0 bottom;overflow:hidden;margin-left:-900px;display:none;}
.buy-tb .tips div {background:url('image/tips-top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;text-align:left;font-size:12px;font-weight:normal;}
.buy-tb .f_k {display:block;}
.buy-say {width:600px;margin:0 auto;}
.buy-say li {width:260px;height:32px;line-height:32px;padding-left:32px;float:left;overflow:hidden;background:url('image/icon-say.png') no-repeat 0 center;}
.buy-tip {padding:0 32px;line-height:32px;}
.buy-tip em {padding:0 20px;}

.case-search {width:834px;height:64px;margin:0 auto;padding:48px 0 0 0;}
.case-search p {width:300px;height:64px;margin:0;padding:0;float:left;}
.case-search input {width:260px;border:#CCCCCC 1px solid;padding:10px;margin:12px 0 0 0;font-size:14px;background:#FFFFFF url('image/icon-search.png') no-repeat 250px center;outline:none;}
.case-search input:hover {border:#0067B8 1px solid;}
.case-search i {display:block;width:38px;height:38px;cursor:pointer;z-index:2;position:absolute;margin:-39px 0 0 242px;}
.case-search i:hover {background:#FFFFFF url('image/icon-search-on.png') no-repeat center center;}
.case-search div {width:534px;height:64px;line-height:64px;font-size:14px;float:left;overflow:hidden;}
.case-search div a {padding-left:20px;}
.case-box {padding:24px 0 24px 24px;width:1176px;overflow:hidden;}
.case-box div {width:230px;height:196px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.case-box img {border:#CCCCCC 2px solid;padding:2px;margin:0 0 10px 2px;width:200px;height:150px;;}
.case-box img:hover {border:#FF6600 2px solid;}
.case-img {width:880px;margin:0 auto;overflow:hidden;}
.case-img li {width:220px;height:120px;float:left;text-align:center;font-size:14px;padding:10px 0;overflow:hidden;}
.case-img img {border:#CCCCCC 1px solid;padding:6px;width:160px;height:60px;margin-bottom:10px;}
.case-img img:hover {border:#FF6600 1px solid;}
.case-dot {height:4px;line-height:4px;font-size:0;overflow:hidden;z-index:2;position:relative;left:50%;top:16px;}
.case-dot li {width:16px;height:4px;margin-right:6px;float:left;background:#EEEEEE;cursor:pointer;}

.host-ev {padding:16px;font-size:14px;border-left:#C40000 3px solid;color:#C40000;}
.host-ev:hover {background:#FAFAFA;}
.host-tip {padding:32px;line-height:200%;font-size:14px;text-align:center;}
.host-tb {border-left:#EEEEEE 1px solid;border-top:#EEEEEE 1px solid;background:#FFFFFF;}
.host-tb tr:hover {background:#F1F1F1;}
.host-tb tr:hover .tips {display:block;}
.host-tb td {padding:0 10px;width:25%;height:52px;border-bottom:#EEEEEE 1px solid;border-right:#EEEEEE 1px solid;font-size:14px;}
.host-tb em {padding-left:16px;}
.host-tb .f_b {font-size:18px;font-weight:bold;}
.host-tb .tips {position:absolute;z-index:8;width:300px;background:url('image/tips-bg.gif') no-repeat 0 bottom;overflow:hidden;margin-left:-760px;display:none;}
.host-tb .tips div {background:url('image/tips-top.gif') no-repeat;line-height:22px;padding:8px 10px 8px 36px;text-align:left;font-size:12px;font-weight:normal;}
.app-tb div {position:absolute;z-index:8;width:260px;line-height:22px;padding:10px;background:#000000;color:#FFFFFF;border-radius:0 10px 10px 10px;margin:0 0 0 -10px;text-align:left;font-size:12px;font-weight:normal;overflow:hidden;opacity:0.8;display:none;}

.doc-search {padding:48px 0;text-align:center;background:#FFFFFF url('image/icon-doc.png') no-repeat 80px center;color:#999999;}
.doc-search input {width:600px;border:#E2E5E7 1px solid;padding:10px;font-size:14px;background:#FFFFFF url('image/icon-search.png') no-repeat 590px center;outline:none;}
.doc-search input:hover {border:#0067B8 1px solid;}
.doc-search div {line-height:42px;font-size:16px;}
.doc-search p {margin:16px;font-size:14px;}
.doc-search i {display:block;width:38px;height:38px;cursor:pointer;z-index:2;position:absolute;margin:-39px 0 0 971px;}
.doc-search i:hover {background:#FFFFFF url('image/icon-search-on.png') no-repeat center center;}
/*
.fb-box {width:620px;height:360px;margin:0 auto;}
.fb-txt {width:600px;height:26px;border:#E2E5E7 1px solid;padding:10px;font-size:14px;}
*/
.lg-box {width:300px;margin:0 auto;}
.lg-box div {padding:10px 0;text-align:center;}
.lg-box center img {width:24px;height:24px;padding:24px 10px;border-radius:50%;}
.lg-inp {width:260px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.lg-box ul {margin:0 10px;}
.lg-h1 {width:92px;height:48px;float:left;line-height:48px;font-size:16px;margin-top:16px;text-align:center;border-bottom:#0067B8 3px solid;font-weight:bold;}
.lg-h2 {width:94px;height:48px;float:left;line-height:48px;font-size:16px;margin-top:16px;text-align:center;border-bottom:#E2E5E7 3px solid;}
.rg-box {width:630px;margin:0 auto;font-size:14px;}
.rg-inp {width:260px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.rg-box .captcha {width:86px;height:36px;line-height:36px;padding:0 10px;border:#A7A7AA 1px solid;font-size:14px;border-radius:6px;}
.rg-box .tb {background:#FFFFFF;width:100%;}
.rg-box .tl {width:130px;text-align:right;padding-right:20px;letter-spacing:1px;}

.tab-head {width:900px;height:40px;padding-top:32px;margin:0 auto;border-bottom:#0067B8 1px solid;text-align:center;font-size:16px;}
.tab-head ul {width:400px;margin:0 auto;}
.tab-head li {float:left;width:120px;height:39px;line-height:36px;cursor:pointer;}
.tab-li {}
.tab-on {border:#0067B8 1px solid;border-top:#0067B8 2px solid;border-bottom:#FFFFFF;color:#0067B8;background:#FFFFFF;}
.tab-body {width:900px;margin:0 auto;padding:32px 0;font-size:14px;line-height:180%;}

#box-tips {width:100%;background:#FFFFDD;height:32px;line-height:32px;position:fixed;z-index:100;top:100px;text-align:center;font-size:14px;display:none;}
#box-tel {display:none;}
#box-wx {display:none;}
#box-side {width:58px;height:360px;position:fixed;_position:absolute;left:50%;margin-left:710px;top:180px;z-index:99;display:none;}
#box-side a {display:block;width:58px;height:60px;}
#box-side b {font-weight:normal;background:#C81623;border-radius:10px 10px 10px 0;color:#FFFFFF;font-size:12px;z-index:3;position:absolute;display:block;margin:-53px 0 0 35px;padding:0 4px 0 4px;}
a.side-qq:link,a.side-qq:visited,a.side-qq:active {background:url('image/side.png?v=1') no-repeat 0 0;}
a.side-qq:hover {background-position:-58px 0;}
a.side-tel:link,a.side-tel:visited,a.side-tel:active {background:url('image/side.png?v=1') no-repeat 0 -60px;}
a.side-tel:hover {background-position:-58px -60px;}
a.side-wx:link,a.side-wx:visited,a.side-wx:active {background:url('image/side.png?v=1') no-repeat 0 -120px;}
a.side-wx:hover {background-position:-58px -120px;}
a.side-mob:link,a.side-mob:visited,a.side-mob:active {background:url('image/side.png?v=1') no-repeat 0 -180px;}
a.side-mob:hover {background-position:-58px -180px;}
a.side-cart:link,a.side-cart:visited,a.side-cart:active {background:url('image/side.png?v=1') no-repeat 0 -240px;}
a.side-cart:hover {background-position:-58px -240px;}
a.side-top:link,a.side-top:visited,a.side-top:active {background:url('image/side.png?v=1') no-repeat 0 -300px;}
a.side-top:hover {background-position:-58px -300px;}
/* show */
.htmcode {font-family:'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace;font-size:14px;color:blue;}
.phpcode {font-family:'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace;font-size:14px;color:#800000;}
.dstcode {font-family:'Monaco','Menlo','Ubuntu Mono','Consolas','source-code-pro',monospace;font-size:14px;color:green;}

.ui-ico-time,.ui-ico-hits,.ui-ico-info,.ui-ico-play,.ui-ico-pics,.ui-ico-down,.ui-ico-comm,.ui-ico-area,.ui-ico-user,.ui-ico-none,.ui-ico-sort,.ui-ico-like,.ui-ico-liked,.ui-ico-hate,.ui-ico-hated,.ui-ico-mail,.ui-ico-mob,.ui-ico-tel,.ui-ico-favor,.ui-ico-delete,.ui-ico-quote,.ui-ico-report,.ui-ico-price {font-style:normal;font-weight:normal;text-decoration:none;font-size:12px;color:#999999;display:inline-block;height:16px;line-height:16px;padding:0 10px 0 20px;}
.ui-ico-time {background:url('image/ico-time.png') no-repeat 0 center;}
.ui-ico-hits {background:url('image/ico-hits.png') no-repeat 0 center;}
.ui-ico-info {background:url('image/ico-info.png') no-repeat 0 center;}
.ui-ico-user {background:url('image/ico-user.png') no-repeat 0 center;}
.ui-fr {float:right;}
.ui-toast {height:32px;line-height:32px;overflow:hidden;display:inline-block;padding:0 16px;background:#000000;opacity:0.8;filter:alpha(opacity=80);color:#FFFFFF;border-radius:16px;position:fixed;z-index:99;top:122px;left:48%;font-size:14px;}